@import "~asha/css/_.less";

.modal{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right:0;
    z-index: 100;
    cursor: default;
    .modal-mask{
        width: 100%;
        height: 100%;
        background-color: rgba(124,124,124,0.5);
        position: relative;
        z-index: 101;
    }
    .modal-container{
        background-color: #fff;
        position: fixed;
        top: 50%;
        right: 50%;
        z-index: 102;
        .border-radius;
        .modal-head{
            height: 36px;
            color: #fff;
            border-radius: 5px 5px 0 0;
            background-color: @color_a;
            .modal-title{
                float: left;
                height: 36px;
                line-height: 36px;
                padding-left: 20px;
            }
            .modal-close{
                float: right;
                height: 36px;
                line-height: 36px;
                padding-right: 20px;
                .ion-close-round{
                    cursor: pointer;
                }
            }
        }
        .modal-bottom{
            position: absolute;
            right: 10px;
            bottom: 10px;
            .btn-cancel{
                .btn-outline-style;
                width: 60px;
                height: 30px;
                margin-right: 10px;
            }
            .btn-confirm{
                .btn-style;
                width: 60px;
                height: 30px;
            }

        }
    }
}

